<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./CSS/reset.css">
    <link rel="stylesheet" href="./CSS/gongGong.css">
    <link rel="stylesheet" href="./CSS/swiper-bundle.min.css">
    <script src="./CSS/swiper-bundle.min.js"></script>
    <link rel="stylesheet" href="./CSS/index.css">
</head>

<body>
    <header>
        <div class="header zhong">
            <img src="./img/logonew.png">
            <ul class="header-ul">
                <li><a href="./index.html" class="huang">首页</a></li>
                <li><a href="./play/play-new1.html">酷玩</a></li>
                <li><a href="./guid/guid-new1.html">导购</a></li>
                <li><a href="./use/use-all1.html">试用</a></li>
                <li><a href="./report/report-new1.html">报告</a></li>
                <li><a href="./about.html">商务合作</a></li>
                <li><a href="./help.html">免费试用</a></li>
            </ul>
            <div class="fr header-you">
                <div class="fl">
                    <img src="./CSS/img/search.png">
                    <span><a href="./regist.html">注册</a></span>
                </div>
            </div>
        </div>
    </header>
    <div class="swiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <nav>
                    <div class="nav-bei">
                        <img src="./CSS/img/original.jpg">
                    </div>
                    <div class="nav-you">
                        <h1>幻响小贝HiFi2.1音箱</h1>
                        <span style="margin-left:108px ;">126人申请</span><span>￥599</span><span>20台</span>
                        <p>申请时间剩余：13天5小时37分钟</p>
                        <h3>立即申请</h3>
                    </div>
                </nav>
            </div>
            <div class="swiper-slide">
                <nav>
                    <div class="nav-bei">
                        <img src="./CSS/img/original.jpg">
                    </div>
                    <div class="nav-you">
                        <h1>幻响小贝HiFi2.1音箱</h1>
                        <span style="margin-left:108px ;">126人申请</span><span>￥599</span><span>20台</span>
                        <p>申请时间剩余：13天5小时37分钟</p>
                        <h3>立即申请</h3>
                    </div>
                </nav>
            </div>
            <div class="swiper-slide">
                <nav>
                    <div class="nav-bei">
                        <img src="./CSS/img/original.jpg">
                    </div>
                    <div class="nav-you">
                        <h1>幻响小贝HiFi2.1音箱</h1>
                        <span style="margin-left:108px ;">126人申请</span><span>￥599</span><span>20台</span>
                        <p>申请时间剩余：13天5小时37分钟</p>
                        <h3>立即申请</h3>
                    </div>
                </nav>
            </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>

        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>

        <!-- 如果需要滚动条 -->
        <div class="swiper-scrollbar"></div>
    </div>
    <section>
        <div class="section-nei1 kuanZhong">
            <h1>热门试用：</h1>
            <ul>
                <img src="./CSS/img/prev.png" class="zuo">
                <img src="./CSS/img/next.png" class="you">
                <li style="margin-left: 0;">
                    <div class="shang">
                        <p>首发</p>
                        <img src="./img/hot9.jpg">
                    </div>
                    <div class="xia">
                        <h3>巴慕达 The Toaster 烤面包机</h3>
                        <span>2032</span><span>20台</span>
                        <p><span>1392</span>申请</p>
                        <p class="pp1">剩余时间2天</p>
                        <hr>
                        <div class="yin">
                            <p>免费试用（5台）<span>1314人申请</span></p>
                            <p>购买<span>￥2032</span></p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="shang">
                        <p class="ti">体验师专享</p>
                        <img src="./img/hot10.jpg">
                    </div>
                    <div class="xia ti">
                        <h3>Osprey小鹰户外运动专业腰包</h3>
                        <span>2032</span><span>20台</span>
                        <p><span>1392</span>申请</p>
                        <p class="pp1">剩余时间2天</p>
                        <hr>
                        <div class="yin">
                            <p>免费试用（5台）<span>1314人申请</span></p>
                            <p>购买<span>￥2032</span></p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="shang">
                        <p>首发</p>
                        <img src="./img/hot11.jpg">
                    </div>
                    <div class="xia">
                        <h3>Liquid Image 338 运动摄像眼镜</h3>
                        <span>2032</span><span>20台</span>
                        <p><span>1392</span>申请</p>
                        <p class="pp1">剩余时间2天</p>
                        <hr>
                        <div class="yin">
                            <p>免费试用（5台）<span>1314人申请</span></p>
                            <p>购买<span>￥2032</span></p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="shang">
                        <p>首发</p>
                        <img src="./img/hot12.jpg">
                    </div>
                    <div class="xia">
                        <h3>巴慕达 The Toaster 烤面包机</h3>
                        <span>2032</span><span>20台</span>
                        <p><span>1392</span>申请</p>
                        <p class="pp1">剩余时间2天</p>
                        <hr>
                        <div class="yin">
                            <p>免费试用（5台）<span>1314人申请</span></p>
                            <p>购买<span>￥2032</span></p>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="section-nei2">
            <div class="kuanZhong">
                <div class="nei2-top">
                    <h1>报告精选：<span>查看更多<img src="./CSS/img/readMore.png"></span></h1>
                </div>
                <div class="nei2-bottom">
                    <ul>
                        <li>
                            <img src="./img/bg1.jpg">
                            <p>
                                空气净化器里面学问多得惊呆你，你选对了吗？
                            </p>
                            <p style="margin-top:10px ;">
                                土豆<span><img src="./CSS/img/zan.png">3 &nbsp;<img src="./CSS/img/reply.png">3</span>
                            </p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="section-nei3 kuanZhong">
            <div class="nei2-top">
                <h1>导购精选:<span>查看更多<img src="./CSS/img/readMore.png"></span></h1>
            </div>
            <div class="nei2-bottom">
                <ul>
                    <li>
                        <img src="./img/bg1.jpg">
                        <p>
                            空气净化器里面学问多得惊呆你，你选对了吗？
                        </p>
                        <p style="margin-top:10px ;"><span><img src="./CSS/img/zan.png">3 &nbsp;<img
                                    src="./CSS/img/reply.png">3</span>
                        </p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="section-nei4">
            <div class="kuanZhong">
                <div class="nei2-top">
                    <h1>发现酷玩:<span>查看更多<img src="./CSS/img/readMore.png"></span></h1>
                </div>
                <div class="nei2-bottom">
                    <ul>
                        <li>
                            <img src="./img/bg1.jpg">
                            <p>
                                空气净化器里面学问多得惊呆你，你选对了吗？
                            </p>
                            <p style="margin-top:10px ;">
                                ￥2032<span><img src="./CSS/img/zan.png">3 &nbsp;<img src="./CSS/img/reply.png">3</span>
                            </p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="more">
            <img src="./CSS/img/more.png">点击加载更多
        </div>
    </section>
    <div class="footer">
        <footer>
            <img src="./img/code.png">
            <div class="footer-zuo fl">
                <img src="./img/logoImg.jpg">
                <p>全球酷玩试用导购平台酷·新奇·好玩·品质</p>
                <p>微信添加“JguoJguo”获取我们的服务。</p>
            </div>
            <div class="footer-you">
                <dl>
                    <dt>免费试用</dt>
                    <dd>试用流程</dd>
                    <dd>如何提高成功率</dd>
                </dl>
                <div class="center fl">
                    <dl>
                        <dt>友情链接</dt>
                        <dl class="fl">
                            <dd>智东西</dd>
                            <dd>搜狐IT</dd>
                            <dd>搜狐数码</dd>
                            <dd>凤凰数码</dd>
                            <dd>泡泡网</dd>
                            <dd>ZUK社区</dd>
                            <dd>极客公园</dd>
                            <dd>果库</dd>
                        </dl>
                        <dl class="fl you">
                            <dd>WEIBUSI</dd>
                            <dd>腾讯科技</dd>
                            <dd>凤凰科技</dd>
                            <dd>PConline</dd>
                            <dd>3W咖啡</dd>
                            <dd>亿觅emie</dd>
                            <dd>易迅易启玩</dd>
                        </dl>
                    </dl>
                </div>
                <dl>
                    <dt>购买攻略</dt>
                    <dd>美亚海淘教程</dd>
                    <dd>日亚海淘教程</dd>
                    <dd>海淘转运攻略</dd>
                    <dd>kickstarter 众筹购买攻略</dd>
                    <dd>indiegogo 众筹购买攻略</dd>
                </dl>
                <dl>
                    <dt>厂商合作</dt>
                    <dd>关于极果</dd>
                    <dd>联系我们</dd>
                    <dd>商务合作：BD@jiguo.com</dd>
                    <dd>CEO邮箱：CEO@jiguo.com</dd>
                </dl>
            </div>
            <div class="clear"></div>
            <p>©2016 极果版权所有</p>
        </footer>
    </div>
</body>
<script>
    var mySwiper = new Swiper('.swiper', {
        direction: 'horizontal', // 垂直切换选项
        loop: true, // 循环模式选项
        autoplay: {
            delay: 1000,
            stopOnLastSlide: false,
            disableOnInteraction: false,
        },

        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
        },

        // 如果需要前进后退按钮
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },

        // 如果需要滚动条
        scrollbar: {
            el: '.swiper-scrollbar',
        },
    })        
</script>
<script src="./JS/jquery-2.2.4.js"></script>
<script src="./JS/index.js"></script>

</html>